home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 14642 / 14642.xpi / chrome / skin / bt.css < prev    next >
Cascading Style Sheet File  |  2009-10-07  |  18KB  |  903 lines
  1. /* Copyright 2008, Boomtango.com.  All Rights Reserved */
  2. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  3. @namespace html url("http://www.w3.org/1999/xhtml");
  4.  
  5. #boomtangoHistory * {
  6.     background-color: white;
  7. /*    font-family: 'Trebuchet MS', Helvetica, sans-serif; */
  8.     font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  9.     color: black;
  10. }
  11.  
  12. #boomtangoHistory #container{
  13.     height: 800px;
  14.     height: 100%;
  15. }
  16.  
  17. #boomtangoHistory #header_container{
  18.     padding: 0px;
  19.     margin: 0px;
  20.     margin-left: 8px;
  21.     color: #11677c;
  22. }
  23.  
  24. #boomtangoHistory #body_container {
  25.     margin: 4px 12px;
  26.     position: relative;
  27. }
  28. #boomtangoHistory a {
  29.     background-color: transparent;
  30. }
  31.  
  32. #boomtangoHistory #btfilter_deck {
  33.     margin-top: 4px;
  34. }
  35. #boomtangoHistory #bubble {
  36.     border: 2px solid #1a9dbd;
  37.     border-top: 22px solid #1a9dbd;
  38.     -moz-border-radius: 6px;
  39.     padding: 4px;
  40.     margin: 0px;
  41.     margin-left: 8px;
  42.     max-width: 360px;
  43. }
  44.  
  45. #boomtangoHistory #bubble_previewcontrols radio {
  46.     float: left;
  47. }
  48. #boomtangoHistory #donate {
  49.     -moz-border-radius: 6px;
  50.     background-color: #9F3628;
  51.     min-height: 80px;
  52.     margin-left: 8px;
  53.     margin-bottom: 8px;
  54. }
  55. #boomtangoHistory #donate * {
  56.     background-color: transparent;
  57. }
  58.  
  59. #boomtangoHistory #donate label {
  60.     font-weight: bold;
  61.     color: white;
  62.     margin-top: 8px;
  63.     text-align: center;
  64. }
  65.  
  66. #boomtangoHistory label.searchPreviewResult {
  67.     margin-left: 16px;
  68.     max-width: 340px;
  69. }
  70. #boomtangoHistory box.searchPreviewBulletBox {
  71.     margin-left: 5px;
  72.     margin-right: -10px;
  73. }
  74.  
  75. #boomtangoHistory #bubble_back {
  76.     color: blue;
  77.     margin: 0px;
  78.     padding: 0px;
  79.     text-decoration: underline;
  80. }
  81. #boomtangoHistory #bubble_title label{
  82.     font-size: 1.3em;
  83.     color: #444;
  84.     font-weight: bold;
  85. }
  86. #boomtangoHistory nopreview {
  87.     color: #999;
  88. }
  89. #boomtangoHistory image.thumb {
  90.     -moz-border-radius: 4px;
  91.     border: 1px solid #444;
  92.     width: 240px;
  93.     padding:4px;
  94.     margin: 4px;
  95.     height: 180px;
  96. }
  97. #boomtangoHistory vbox.nothumb {
  98.     height: 180px;
  99.     border: 1px solid #444; 
  100.     -moz-border-radius: 4px;
  101.     padding: 4px; 
  102.     margin: 4px; 
  103.     font-size: 18px;
  104.     text-align: center;
  105. }
  106. #boomtangoHistory image.webthumb {
  107.     -moz-border-radius: 4px;
  108.     height: 240px;
  109.     width: 320px;
  110.     border: 1px solid #444;
  111.     padding: 3px;
  112.     margin: 4px;
  113. }
  114.  
  115. #boomtangoHistory #bubble_url {
  116.     color: blue;
  117. }
  118.  
  119. #boomtangoHistory .bubble_label{
  120.     font-size: 1.0em;
  121.     color: #666;
  122. }
  123. #boomtangoHistory .bubble_data {
  124.     font-size: 1.0em;
  125.     color: #222;
  126. }
  127.  
  128.  
  129. #boomtangoHistory #body {
  130.     /*
  131.     border: 2px solid #289f65;
  132.     -moz-border-radius: 6px;
  133.     max-height: 500px;
  134.     */
  135.     padding: 0px;
  136.     margin-right: 4px;
  137.     border: 1px solid #ccc;
  138.     overflow: auto;
  139. }
  140.  
  141. #boomtangoHistory #btfilter {
  142.     border: 2px solid #1a9dbd;
  143.     border-top: 22px solid #1a9dbd;
  144.     -moz-border-radius: 6px;
  145.     padding: 4px;
  146.     margin-left: 8px;
  147.     width: 360px;
  148. }
  149.  
  150. #boomtangoHistory #btfilter * {
  151.     color: #11677c;
  152.     background-color: transparent;
  153. }
  154.  
  155. #boomtangoHistory #btfilter separator {
  156.     margin-top: 12px;
  157.     margin-bottom: 8px;
  158.     color: #11677c;
  159. }
  160.  
  161. #boomtangoHistory #messagebox_boxtitle,
  162. #boomtangoHistory #bubble_boxtitle,
  163. #boomtangoHistory #btfilter_title {
  164.     margin: 0;
  165.     padding: 0;
  166.     margin-top: -24px;
  167.     margin-bottom : 2px;
  168.     padding: 4px;
  169.     background-color: transparent;
  170.     font-weight: bold;
  171.     font-size: 10px;
  172.     color: white;
  173. }
  174. #boomtangoHistory #filtertype vbox {
  175.     margin-left: 16px;
  176. }
  177.  
  178. #boomtangoHotkeys * {
  179.     font-size: 1.0em;
  180. }
  181. #boomtangoHotkeys description {
  182.     max-width: 540px;
  183.     margin-bottom: 8px;
  184. }
  185. #boomtangoHotkeys separator {
  186.     border-top: 1px solid #999;
  187.     margin: 6px 0px;
  188. }
  189. #boomtangoHotkeys .key  {
  190.     font-weight: bold;
  191. }
  192.  
  193. #boomtangoHistory .toplink {
  194.     padding: 0px 2px 0px 2px;
  195.     margin: 0px;
  196.     margin-top: 8px;
  197. }
  198.  
  199. #boomtangoHistory #filter_sep{
  200.     font-size: 9px;
  201.     font-weight: bold;
  202.     color: #666;
  203.     text-align: center;
  204. }
  205.  
  206. #boomtangoHistory #messagebox {
  207.     border: 2px solid #999;
  208.     border-top: 22px solid #999;
  209.     -moz-border-radius: 6px;
  210.     padding: 4px;
  211.     margin: 0px;
  212.     margin-left: 8px;
  213.     max-width: 360px;
  214. }
  215.  
  216. #boomtangoHistory #messagebox_title label{
  217.     font-size: 1.3em;
  218.     color: #444;
  219.     font-weight: bold;
  220. }
  221.  
  222. #boomtangoHistory #messagebox_message {
  223.     font-size: 1.5em;
  224.     color: #444;
  225.     font-weight: bold;
  226.     text-align: center;
  227. }
  228.  
  229. /*
  230. #boomtangoHistory #currview {
  231.     font-size: 26px;
  232.     font-weight: bold;
  233.     color: #11677c;
  234.     margin: 6px 0px;
  235. }
  236. */
  237. #boomtangoHistory #datetimetitle {
  238.     font-size: 2.0em;
  239.     font-face: bold;
  240.     margin: 4px 4px;
  241.     color: #11677c;
  242. }
  243.  
  244. #boomtangoHistory #querycontainer {
  245.     padding: 4px;
  246.     color: #289f65;
  247.     border-top: 2px solid #1a9dbd;
  248.     border-left: 2px solid #1a9dbd;
  249.     border-bottom: 2px solid #1a9dbd;
  250.     margin: 10px 0px 4px 4px;
  251.     width: 30em;
  252.     -moz-border-radius-topleft: 6px;
  253.     -moz-border-radius-bottomleft: 6px;
  254. }
  255. #boomtangoHistory #searchexamples {
  256.     font-size: 10px;
  257.     color: #333;
  258. }
  259.  
  260. #boomtangoHistory #search {
  261.     font-size: 20px;
  262.     margin: 10px 4px 4px 0px;
  263.     color: white;
  264.     padding: 4px 6px;
  265.     background-color: #1a9dbd;
  266.     border-top: 2px solid #1a9dbd;
  267.     border-right: 2px solid #1a9dbd;
  268.     border-bottom: 2px solid #1a9dbd;
  269.     -moz-border-radius-topright: 6px;
  270.     -moz-border-radius-bottomright: 6px;
  271.     font-variant: smallcaps;
  272.     cursor: pointer;
  273. }
  274. #boomtangoHistory #title {
  275.     font-size: 24px;
  276.     margin: 18px 4px 4px 4px;
  277.     color: #11677c;
  278. }
  279.  
  280. #boomtangoHistory .historyItem {
  281.     color: #222;
  282.     font-size: 1.0em;
  283.     line-height: 1.0em;
  284.     background: transparent;
  285. }
  286.  
  287. #boomtangoHistory .closeBox,
  288. #boomtangoHistory .closeBox image {
  289.     background-color: transparent;
  290. }
  291.  
  292. #boomtangoHistory box.colorbutton{
  293.     -moz-border-radius-topleft: 4px;
  294.     -moz-border-radius-topright: 4px;
  295.     padding: 0px 2px;
  296.     cursor: pointer;
  297.     background-color: #f87017;
  298. }
  299. #boomtangoHistory #view_control box.controlselected {
  300.     background-color: #FFF;
  301.     border: 2px solid #F87017;
  302.     border-bottom: 2px solid #FFF;
  303. }
  304.  
  305. #boomtangoHistory #nav_header {
  306.     border-bottom: 2px solid #F87017;
  307. }
  308.  
  309. #boomtangoHistory #view_control {
  310.     margin-bottom: -2px;
  311. }
  312.  
  313. #boomtangoHistory #view_control .nav_spacer {
  314.     padding: 0px 4px;
  315.     border-bottom: 2px solid #F87017;
  316. }
  317.  
  318. #boomtangoHistory box.colorbutton *{
  319.     background-color: transparent;
  320.     font-weight: bold;
  321.     color: black;
  322.     padding-top: 5px;
  323.     padding-bottom: 0px;
  324.     cursor: pointer;
  325.     font-size: 14px;
  326. }
  327. #boomtangoHistory #gotoday,
  328. #boomtangoHistory #gotodate{
  329.     background-color: #289f65;
  330. }
  331. #boomtangoHistory #gotodate{
  332.     margin-right: 16px;
  333. }
  334.  
  335. #boomtangoHistory #view_control #settings{
  336.     margin-right: 12px;
  337. }
  338. #boomtangoHistory box.colorbutton image {
  339.     padding: 2px 4px;
  340. }
  341. #boomtangoHistory #duration_control {
  342.     -moz-border-radius: 4px;
  343.     margin: 0px 4px 0px;
  344.     background-color: #289f65;
  345.     cursor: pointer;
  346.     /*background: transparent url("chrome://boomtango/skin/duration_bkgnd.png") no-repeat top left; */
  347. }
  348.  
  349. #boomtangoHistory #duration_control * {
  350.     margin: 0px;
  351.     padding: 3px 3px 2px 3px;
  352.     color: black;
  353.     font-weight:bold;
  354.     background-color: transparent;
  355.     cursor: pointer;
  356. }
  357. #boomtangoHistory #duration_control  spacer {
  358.     padding: 0px;
  359. }
  360.  
  361. #boomtangoHistory #duration_control  image {
  362.     padding: 2px;
  363.     width: 15px;
  364.     height: 15px;
  365. }
  366.  
  367. #boomtangoHistory #duration_control  .durcheck {
  368. }
  369.  
  370. #boomtangoHistory #duration_control label {
  371.     padding: 4px 8px 0px;
  372.     font-size: 11px;
  373. }
  374.  
  375. #boomtangoHistory #duration_control label,
  376. #boomtangoHistory #duration_control #gocal,
  377. #boomtangoHistory .durcheck,
  378. #boomtangoHistory #duration_control #prev {
  379.     border-right: 1px solid white;
  380. }
  381. #boomtangoHistory #duration_control label.current {
  382.     border-right: 0px;
  383.     padding: 4px 3px 0px 8px;
  384. }
  385.  
  386. #boomtangoHistory #godate_control {
  387.     -moz-border-radius: 4px;
  388.     margin: 0px 4px 0px;
  389.     background-color: #289f65;
  390.     cursor: pointer;
  391.     /*background: transparent url("chrome://boomtango/skin/duration_bkgnd.png") no-repeat top left; */
  392. }
  393.  
  394. #boomtangoHistory #godate_control  * {
  395.     margin: 0px;
  396.     padding: 3px 3px 2px 3px;
  397.     color: black;
  398.     font-weight:bold;
  399.     background-color: transparent;
  400.     cursor: pointer;
  401. }
  402.  
  403. #boomtangoHistory #godate_control box {
  404.     padding-top: 0px;
  405. }
  406.  
  407. #boomtangoHistory #godate_control  spacer {
  408.     padding: 0px;
  409. }
  410. #boomtangoHistory #godate_control  image {
  411.     padding: 2px;
  412.     width: 15px;
  413.     height: 15px;
  414. }
  415.  
  416. #boomtangoHistory #gotoday {
  417.     border-right: 1px solid #FFF;
  418. }
  419.  
  420. #boomtangoHistory #logo {
  421.     padding: 6px;
  422.     margin-top: 8px;
  423.     cursor: pointer;
  424. }
  425.  
  426. #boomtango-wizard {
  427.     height: 400px;
  428.     width:  640px;
  429. }
  430. #wizardPanel {
  431.     width: 100%;
  432.     height: 400px;
  433. }
  434.  
  435. #viewBoomtangoButtonIcon {
  436.   list-style-image: url("chrome://boomtango/skin/bt_logo_large.png");
  437. }
  438.  
  439. #viewBoomtangoButtonIcon.macosup {
  440.   list-style-image: url("chrome://boomtango/skin/macbutton_up.png");
  441. }
  442.  
  443. #viewBoomtangoButtonIcon.macosdown {
  444.   list-style-image: url("chrome://boomtango/skin/macbutton_down.png");
  445. }
  446.  
  447. toolbar[iconsize="small"] #viewBoomtangoButtonIcon {
  448.   list-style-image: url("chrome://boomtango/skin/bt_logo_small.png");
  449. }
  450.  
  451. toolbar[iconsize="small"] #viewBoomtangoButtonIcon.macosup {
  452.   list-style-image: url("chrome://boomtango/skin/macbutton_up.png");
  453. }
  454.  
  455. #viewBoomtangoStatusbar {
  456.     cursor: pointer;
  457.     padding: 0 5px 0 5px;
  458.     list-style-image: url("chrome://boomtango/skin/btbutton.png");
  459. }
  460.  
  461. #boomtangoSettings html|a {
  462.     color: #0000CC;
  463.     padding-left: 5px;
  464.     text-decoration: underline;
  465.  /*   width: 500px; */
  466. }
  467.  
  468. /* Content Panel */
  469. #btContentSplitter {
  470.     border-top: 10px solid #BBB9BA;
  471.     border-bottom: none;
  472.     background: #f3f3f3 !important;
  473.     min-height: 3px;
  474.     max-height: 3px;
  475. }
  476.  
  477. .panelTabBox {
  478.     /*background: #e0e0e0 url(chrome://firebug/skin/mac/tabBar.gif) repeat-x; */
  479.     border-bottom: 1px solid #BBB9BA;
  480.     padding: 0 2px 0 2px;
  481.     overflow: hidden;
  482. }
  483.  
  484. panelTab {
  485.     width: 100%;
  486.     margin: 0 1px 0 3px;
  487.     font-size: 31px;
  488.     font-weight: bold;
  489.     color: #565656;
  490. }
  491. panelTab:hover,
  492. panelTab[selected="true"] {
  493.     margin-bottom: 1px;
  494. }
  495.  
  496. panelTab:hover > .panelTab-text,
  497. panelTab[selected="true"] > .panelTab-text {
  498.     padding-bottom: 3px;
  499. }
  500.  
  501. .panelTab-left {
  502.     width: 6px;
  503. }
  504.  
  505. .panelTab-text {
  506.     margin: 0;
  507.     padding: 3px 1px 4px 1px;
  508. }
  509.  
  510. .panelTab-right {
  511.     width: 6px;
  512. }
  513.  
  514. panelTab:hover > .panelTab-left {
  515.     background: url(chrome://firebug/skin/mac/tabLeftHover.png) no-repeat bottom;
  516. }
  517.  
  518. panelTab:hover > .panelTab-text {
  519.     background: url(chrome://firebug/skin/mac/tabMidHover.png) repeat-x bottom;
  520. }
  521.  
  522. panelTab:hover > panelTabMenu {
  523.     background: url(chrome://firebug/skin/mac/tabMidHover.png) repeat-x bottom;
  524. }
  525.  
  526. panelTab:hover > .panelTab-right {
  527.     background: url(chrome://firebug/skin/mac/tabRightHover.png) no-repeat bottom;
  528. }
  529.  
  530. panelTab[selected="true"] > .panelTab-left {
  531.     background: url(chrome://firebug/skin/mac/tabLeft.png) no-repeat bottom;
  532. }
  533.  
  534. panelTab[selected="true"] > .panelTab-text {
  535.     background: url(chrome://firebug/skin/mac/tabMid.png) repeat-x bottom;
  536. }
  537.  
  538. panelTab[selected="true"] > panelTabMenu {
  539.     background: url(chrome://firebug/skin/mac/tabMid.png) repeat-x bottom;
  540. }
  541.  
  542. panelTab[selected="true"] > .panelTab-right {
  543.     background: url(chrome://firebug/skin/mac/tabRight.png) no-repeat bottom;
  544. }
  545.  
  546. /* Global Styles */
  547. #calnav {
  548.     margin: 0;
  549.     padding: 0;
  550.     margin-top: -3px;
  551.     font-size: 12px;
  552.     margin-bottom: 8px;
  553. }
  554.  
  555. /* Calendar View */
  556. .calweek, .calweeklabel {
  557.     border-right: 1px solid #ccc;
  558.     margin: 0px;
  559.     padding: 4px;
  560.     width: 120px;
  561. }
  562.  
  563. .calweek .historyItem,
  564. .calmonth .historyItem{
  565.     max-width: 80px;
  566.  }
  567.  
  568. .calweeklabel {
  569.     border-bottom: 1px solid #ccc;
  570.     text-align: center;
  571.     font-variant: smallcaps;
  572. }
  573. .calhourlabel {
  574.     width: 24px;
  575.     color: #666;
  576.     text-align: right;
  577.     margin-top: -10px;
  578. }
  579. .calhourbox {
  580.     min-height: 48px;
  581.     border-bottom: 1px solid #ccc;
  582.     padding: 2px;
  583. }
  584. #boomtangoHistory .calhourbox image,
  585. #boomtangoHistory image.calendaricon {
  586.     background-color: transparent;
  587.     padding: 2px 4px 2px 0px;
  588.     width: 20px;
  589.     height: 20px;
  590. }
  591. #boomtangoHistory .calmonth image {
  592.     margin-left: 4px;
  593. }
  594.  
  595. vbox.odd {
  596.     background-color: #eee;
  597. }
  598.  
  599. vbox.even {
  600.     background-color: white;
  601. }
  602. .calmonth {
  603.   /*  min-height: 72px; */
  604.     border-right: 1px solid #ccc;
  605.     border-bottom: 1px solid #ccc;
  606.     padding: 0;
  607. }
  608. #boomtangoHistory  label.calmonthlabel, 
  609. #boomtangoHistory  label.calmonthlabelout {
  610.     background-color: black;
  611.     color: white;
  612.     width: 24px;
  613.     max-height: 20px;
  614.     text-align: center;
  615.     padding: 0;
  616.     padding-top: 2px;
  617.     margin: 0;
  618. }
  619.  
  620. #boomtangoHistory  label.calmonthlabelout {
  621.     color: black;
  622.     background-color: #999;
  623. }
  624.  
  625. #boomtangoHistory label.nodatafound {
  626.     color: #999;
  627.     font-size: 24px;
  628. }
  629.  
  630. #boomtangoHistory #piebox{
  631.     padding: 18px;
  632. }
  633. #boomtangoHistory #piecontainer{
  634.     padding: 4px;
  635. }
  636.  
  637. #boomtangoHistory label.typeSummaryTop {
  638.     font-size: 1.3em;
  639.     color: #222;
  640. }
  641.  
  642. #boomtangoHistory label.typeSummary {
  643.     font-size: 1.3em;
  644.     color: #444;
  645. }
  646.  
  647. #boomtangoHistory .categorybox,
  648. #boomtangoHistory .topurlbox {
  649.     -moz-border-radius: 4px;
  650.     border: 1px solid #444;
  651.     border-top: 22px solid #444;
  652.     padding: 4px;
  653.     margin: 4px;
  654.     width: 50px;
  655. }
  656. #boomtangoHistory .topurlbox {
  657.     max-width: 800px;
  658.     margin-bottom: 12px;
  659. }
  660.  
  661. #boomtangoHistory .topurl_title {
  662.     color: white;
  663.     background-color: transparent;
  664.     margin-top: -22px;
  665.     padding-bottom: 3px;
  666. }
  667.  
  668. #boomtangoHistory #resultcontainer {
  669.     width: 100%;
  670.     padding: 4px;
  671.     padding-top: 2px;
  672. }
  673. #boomtangoHistory #resultheader {
  674.     margin-bottom: 8px;
  675. }
  676. #boomtangoHistory #resultheader label {
  677.     color: #11677c;
  678.     font-size: 1.1em;
  679.     padding-top: 10px;
  680. }
  681.  
  682. #boomtangoHistory #resultheader menulist label {
  683.     background-color: transparent;
  684.     padding: 2px;
  685. }
  686. #boomtangoHistory #resultsdata {
  687.     padding: 6px;
  688. }
  689. #boomtangoHistory vbox.resultsbox {
  690.     margin-bottom: 18px;
  691. }
  692. #boomtangoHistory vbox.resultsbox label.text-link {
  693.     font-size: 1.1em;
  694.     max-width: 600px;
  695. }
  696. #boomtangoHistory hbox.resultstime {
  697.     font-size: 1.1em;
  698. }
  699. #boomtangoHistory hbox.resultstime label {
  700.     margin: 0px;
  701.     padding: 0px;
  702. }
  703. #boomtangoHistory hbox.resultstime label.resultslabel {
  704.     margin-right: 8px;
  705.     margin-left: 8px;
  706.     color: #666;
  707. }
  708.  
  709. #boomtangoHistory label.resultscurrpage {
  710.     font-size: 1.1em;
  711.     color: red;
  712. }
  713. #boomtangoHistory image.resultsarrow {
  714.     cursor: pointer;
  715.     padding-bottom: 3px;
  716. }
  717. #boomtangoHistory label.resultspagelink {
  718.     font-size: 1.1em;
  719.     color: #11677c;
  720.     text-decoration: underline;
  721.     cursor: pointer;
  722. }
  723.  
  724.  
  725. #boomtangoHistory image.resultsthumb {
  726.     width: 80px;
  727.     height: 60px;
  728.     -moz-border-radius: 4px;
  729.     border: 1px solid #444;
  730.     padding: 3px;
  731. }
  732. #boomtangoHistory hbox.resultstime label.resultsstart {
  733.     text-decoration: underline;
  734.     color: blue;
  735.     cursor: pointer;
  736. }
  737. #boomtangoHistory .results_title {
  738.     font-size: 1.4em;
  739.     color: #333;
  740.     margin-bottom: 0px;
  741.     padding-bottom: 0px;
  742. }
  743. #boomtangoHistory .resulticon {
  744.     padding-top: 5px;
  745. }
  746. #boomtangoHistory #resultheader menuitem {
  747.     color: #11677c;
  748.     font-size: 1.1em;
  749.     padding: 0px;
  750.     margin: 0px;
  751.     background-color: transparent;
  752. }
  753.  
  754. #boomtangoImport {
  755.     width: 700px !important;
  756.     padding: 4px;
  757. }
  758.  
  759. #bomtangoImport > vbox {
  760.     padding: 4px;
  761. }
  762. #boomtangoImport description {
  763.     padding 4px 0px;
  764. }
  765. #boomtangoImport #title {
  766.     font-size: 18px;
  767. }
  768.  
  769. #boomtangoHistory .wikipediabox {
  770.     width: 320px;
  771.     height: 200px;
  772.     border: 1px solid #666;
  773.     padding: 4px;
  774.     overflow: auto;
  775. }
  776. #boomtangoHistory .wikipedia {
  777.     width: 300px;
  778.     margin-bottom: 6px;
  779. }
  780. #boomtangoHistory .categorybox * {
  781.     background-color: transparent;
  782. }
  783.  
  784. #boomtangoHistory .text-link {
  785.     color: blue;
  786. }
  787.  
  788. #boomtangoHistory .selected{
  789.     background-color: #CCC !important;
  790.     border: 1px solid #AAA !important;
  791.     border-collapse: collapse !important;
  792. }
  793.  
  794. #boomtangoHistory .selected * {
  795.     background-color: #CCC !important; }
  796. /* Preferences */
  797. .paneSelector {
  798. -moz-appearance:-moz-mac-unified-toolbar;
  799. list-style-image:url(chrome://browser/skin/preferences/Options.png);
  800. margin:0;
  801. padding:1px 4px;
  802. }
  803. radio[pane] {
  804. -moz-appearance:none;
  805. border-color:transparent;
  806. border-style:solid;
  807. border-width:0 2px;
  808. margin:0;
  809. padding:5px 4px 3px;
  810. text-shadow:0 1px rgba(255, 255, 255, 0.4);
  811. }
  812. radio[pane]:active:hover {
  813. text-shadow:none;
  814. }
  815. radio[pane][selected="true"] {
  816. -moz-border-image:url(chrome://boomtango/skin/settings/panebutton-active.png) 0 2 0 2 repeat stretch;
  817. }
  818.  
  819. #boomtangoSettings > prefpane {
  820.     min-width: 500px;
  821. }
  822.  
  823. #boomtangoSettings description {
  824.     max-width: 492px;
  825. }
  826.  
  827. #boomtangoSettings #tracker_create {
  828.     margin-bottom: 12px;
  829. }
  830.  
  831. #boomtangoSettings .menuLabel {
  832.     padding-top: 6px;
  833.     margin-bottom: 6px;
  834. }
  835.  
  836. #boomtangoSettings groupbox {
  837.     padding: 4px 0px 4px 4px;
  838.     margin-right: 0px;
  839. }
  840. #boomtangoSettings radio[pane] {
  841.   list-style-image: url("chrome://boomtango/skin/settings/Options.png"); 
  842.   padding: 5px 11px 1px 10px;
  843.   margin-left: -1px;
  844. }
  845.  
  846. #boomtangoSettings radio[pane=general] {
  847.     -moz-image-region: rect(0px, 32px,  32px, 0px);
  848.     margin-left: -10px;
  849. }
  850.  
  851. #boomtangoSettings radio[pane=storage] {
  852.     -moz-image-region: rect(0px, 64px,  32px, 32px);
  853. }
  854.  
  855. #boomtangoSettings radio[pane=blacklist] {
  856.     -moz-image-region: rect(0px, 96px, 32px, 64px)
  857. }
  858.  
  859. #boomtangoSettings radio[pane=tracking] {
  860.     -moz-image-region: rect(0px, 128px, 32px, 96px)
  861. }
  862.  
  863. #boomtangoSettings paneContent row {
  864.     -moz-box-align: center;
  865.     padding: 2px 4px;
  866. }
  867.  
  868. #boomtangoSettings description {
  869.   font: small-caption;
  870.   font-weight: normal;
  871.   line-height: 1.3em;
  872.   margin-bottom: 4px !important;
  873. }
  874.  
  875. #showHistoryRow,
  876. #newTabRow,
  877. #numPerPageRow {
  878.     border-bottom: 1px solid #CCC;
  879.     margin-bottom: 4px !important;
  880.     padding-bottom: 4px !important;
  881. }
  882.  
  883. #boomtangoCreateCategory {
  884.     max-width: 500px;
  885. }
  886.  
  887. #boomtangoCreateCategory #keyword_desc {
  888.     font-size: .75em;
  889.     color: #666;
  890.     padding: 0px;
  891. }
  892. #boomtangoCreateCategory description {
  893.     font-size: .9em;
  894.     padding: 4px 4px 4px 8px;
  895. }
  896. #boomtangoCreateCategory textbox {
  897.     width: 400px;
  898. }
  899. #boomtangoCreateCategory label {
  900.     font-weight: bold;
  901.     margin-top: 6px;
  902. }
  903.